/************* 定义变量 ************/
// 颜色
$color-blue: rgb(0, 152, 207);
$color-vue: #42b983; 
$color-green: rgb(21, 220, 155);
$color-wx: rgb(7, 192, 98);
$color-yellow: rgb(243, 202, 45);
$color-gold: rgb(255, 235, 0);
$color-red: rgb(243, 59, 45);
$color-pink: rgb(254, 103, 154);
$color-footmark: rgb(255,211,3);

// 颜色
$color-primary: rgb(79, 190, 253); 
$color-primary-light: rgb(123,206,254); 
$color-primary-away: rgb(237,248,255); 
$color-success: rgb(66,185,131);
$color-success-light: rgb(113,203,162); 
$color-success-away: rgb(236,248,232); 
$color-warning: rgb(248, 156, 49);
$color-warning-light: rgb(250,181,101);
$color-warning-away: rgb(254,245,234);
$color-error: rgb(253, 63, 67);
$color-error-light: rgb(254,111,114);
$color-error-away: rgb(255,235,236);
// modal
$color-modal-bg: rgba(10,10,10,0.3);
// other
$color-disabled: rgba(239,239,239,0.3);
// 小于此宽度使用移动样式
$mobile-width: 800;

:export {
  // color
  colorPrimary: $color-primary;
  colorPrimaryLight: $color-primary-light;
  colorPrimaryAway: $color-primary-away;
  colorSuccess: $color-success;
  colorSuccessLight: $color-success-light;
  colorSuccessAway: $color-success-away;
  colorWarning: $color-warning;
  colorWarningLight: $color-warning-light;
  colorWarningAway: $color-warning-away;
  colorError: $color-error;
  colorErrorLight: $color-error-light;
  colorErrorAway: $color-error-away;
  // modal
  colorModalBg: $color-modal-bg;
  // other
  colorDisabled: $color-disabled;
  // 小于此宽度使用移动样式
  mobileWidth: $mobile-width;
}

/************* 继承样式 *************/
// flex布局
%view-flex{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;height: auto;
  box-sizing: border-box;
}

// 移动样式
@media screen and (max-width: $mobile-width) {
  %view-flex{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;height: auto;
    overflow-x: hidden;
    box-sizing: border-box;
  }
}

/************************* css style ************************/
/* 禁止选中文字 */
.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */   
}
/* 禁止鼠标事件 */
.no-pointer-event {
  pointer-events:none;
}
.noPointerEvent {
  pointer-events:none;
}
// 滚动条默认格式
/* 设置滚动条的样式 */
.scroll-base{
  scrollbar-color:rgba(160,160,160,0.3) rgba(90,90,90,0);
  scrollbar-width: thin;
}
.scroll-base::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
/* 滚动槽 */
.scroll-base::-webkit-scrollbar-track {
  box-shadow:inset006pxrgba(0,0,0,0.3);
  border-radius:10px;
}
  /* 滚动条滑块 */
.scroll-base::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:rgba(160,160,160,0.3);
  box-shadow:inset006pxrgba(0,0,0,0.5);
}
.scroll-base::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(90,90,90,0.4);
}
